<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<link rel="stylesheet" href="css/style.css">
</head>

<body>

	<header class="header">
		<h1>127班 第六组全体成员</h1>
		<!-- <p>Parallax Flipping Cards</p> -->
	</header>
	<div class="wrapper">
		<div class="cols">
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/1.png)">
						<div class="inner">
							<p>陈光</p>
							<span>负责：后台评论</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>低头要有勇气,抬头要有底气。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image:url(img/2.png)">
						<div class="inner">
							<p>姜秀阳</p>
							<span>负责：登录页面 主页面</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>当大部分人都在关注你飞的高不高时,只有少部分人关心你飞的累不累,这就是友情</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/3.png)">
						<div class="inner">
							<p>高兴飞</p>
							<span>后台：友情链接</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>以诚感人者，人亦诚而应。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/4.png)">
						<div class="inner">
							<p>黄金峰</p>
							<span>负责：</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>平生不做皱眉事，世上应无切齿人。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/5.png)">
						<div class="inner">
							<p>温彩萍</p>
							<span>负责：添加用户</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>动力往往来源于两种原因，希望或者是绝望。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/6.png)">
						<div class="inner">
							<p>墨林</p>
							<span>负责：用户列表</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>好家伙我直接好家伙。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/7.png)">
						<div class="inner">
							<p>王雪峰</p>
							<span>负责：轮播图</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>欲知过去世，今生受者是。欲知来世果，今生做者是。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col" ontouchstart="this.classList.toggle('hover');">
				<div class="container">
					<div class="front" style="background-image: url(img/8.png)">
						<div class="inner">
							<p>老汤</p>
							<span>负责：监督</span>
						</div>
					</div>
					<div class="back">
						<div class="inner">
							<p>在命运的颠沛中，最可以看出人们的气节。——莎士比亚</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>

</html>